<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>新增商品</title>
  <!--    <link rel="stylesheet" href="css/main.css">-->
  <link th:href="@{ /css/bootstrap-4.6.2-dist/css/bootstrap.min.css}" rel="stylesheet">
  <!--    <link rel="stylesheet" href="../static/css/bootstrap-4.6.2-dist/css/bootstrap.min.css">-->
</head>
<body>
<div class="container">
  <div class="row text-center bg-dark text-light">
    <div class="col-2">
      <img src="/img/market.jpg" alt="Market Image" width="100%">
    </div>
    <div class="col-7">
      <h2>欢迎使用超市管理系统</h2>
    </div>
    <div class="col-2 user-info">
      <span>当前用户:</span>
      <span th:text="${username}"></span>
      <span><a href="/logout">退出</a></span>
    </div>
  </div>
  <div class="row" style="min-height: 400px;">
    <div class="col-2 bg-dark text-light">
      <li>
        <a href="/main"> 管理系统首页</a>
      </li>
      <li>
        <a href="/api/goods"> 商品首页</a>
      </li>
      <li>
        <a href="/suppliers/suppliersList"> 管理供应商模块</a>
      </li>
      <li>
        <a href="/inventory/inventoryList"> 管理库存模块</a>
      </li>
    </div>

    <div class="col-10 pt-2">
      <form method="post" action="/api/goodsAddProcess">
        <!--             <div class="form-control">-->
        <!--                 <label for="">供应商id</label>-->
        <!--                 <input type="text" name="id" id="">-->

        <!--             </div>-->
        <div class="form-control">
          <label for="">商品名称</label>
          <input type="text" name="name" id="">

        </div>
        <div class="form-control">
          <label for="">商品价格</label>
          <input type="text" name="price" id="">

        </div>
        <div class="form-control">
          <label for="">商品数量</label>
          <input type="text" name="quantity" id="">

        </div>
        <div class="form-control">
          <label for="">商品种类</label>
          <input type="text" name="category" id="">

        </div>
        <div class="form-control">
          <label for="">商品供应商</label>
          <input type="text" name="supplier" id="">

        </div>

        <div class="form-control">
          <input type="submit" value="提交">
        </div>

      </form>
    </div>
  </div>
  <!--    <div class="row text-center bg-black">-->
  <!--        @2023-2025 版权所有，违法必究-->
  <div class="row text-center bg-black footer">
    @2023-2025 版权所有，违法必究
  </div>
</div>
</div>

</div>
<!--<p>这是系统管理首页，欢迎登录</p >-->
<!--<tr th:each="user:${data}">-->
<!--    <td th:text="${user.name}"></td>-->
<!--    <td th:text="${user.password}"></td>-->
<!--</tr>-->
</body>
</html>
<script>
  function del(id){
    //     jquery的post方法ajax方法
    $.post("/api/goodsDelete",{"id":id},function(res){
      console.log(res)
    })
  }
</script>